<?php ob_start();?><!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="format-detection" content="telephone=no">
    <link href="<?php echo TEMPLATE_SITE_URL;?>/css/index.css" rel="stylesheet" type="text/css">
    <link href="<?php echo TEMPLATE_SITE_URL;?>/css/common.css" rel="stylesheet" type="text/css">
    <title><?php echo $output['site_name']?>-专场-当前热拍</title>
    <style>
        .saleMain {
            position: relative;
            width: 94%;
            margin: 0 3%;
            margin-top: 10px;
        }
    </style>
</head>
<body>
<div id="contentbox">
    <div class="head">
        <div class="headLink">
            <a href="index.php?act=index&op=index" >关注</a>
            <a class="on" href="index.php?act=index&op=dqrp">专场</a>
            <a href="index.php?act=jingxuan">精选</a>
            <div class="new" style="left:100px;top:-5px;">NEW</div>
        </div>
        <div class="newCamera publish">
            <img src="<?php echo TEMPLATE_SITE_URL;?>/images/headercamera.png" width="25" height="18">
        </div>
    </div>
    <style>
        .row{margin-left: -5px;margin-right: -5px;}
        .p-v-s {padding-top: 5px;padding-bottom: 5px;}
        .row .col-1 {width: 100%;}
        .ant-card {background: #fff;border-radius: 4px;font-size: 12;position: relative;overflow: hidden;-webkit-transition: all .3s;transition: all .3s;}
        .bg-white {background-color: #fff;}
        .ant-card-bordered {border: 1px solid #d9d9d9;border-color: #e9e9e9;}
        .ant-card.size-s .ant-card-body {padding: 8px;}
        a, a:active, a:focus, a:hover {color: inherit;}
        a {color: #2db7f5;background: transparent;text-decoration: none;outline: none;cursor: pointer;-webkit-transition: color .3s ease;transition: color .3s ease;}
        .ant-row {position: relative;margin-left: 0;margin-right: 0;height: auto;zoom: 1;display: block;}
        .row [class*=col-] {float: left;padding: 5px;}
        .ant-col-8 {display: block;width: 33.33333333%;}
    </style>
    <div>
        <div style="float:left;width:33.33333%;text-align:center;font-size:18px;">
            <a href='javascript:;' style="color:#f1464e;width:100%;height:40px;line-height:40px;display:block;">当前热拍</a>
        </div>
        <div style="float:left;width:33.33333%;text-align:center;font-size:18px;">
            <a href='index.php?act=index&op=jcyz' style="color:#888;width:100%;height:40px;line-height:40px;display:block;">精彩预展</a>
        </div>
        <div style="float:left;width:33.33333%;text-align:center;font-size:18px;">
            <a href='index.php?act=index&op=wqhg' style="color:#888;width:100%;height:40px;line-height:40px;display:block;">往期回顾</a></div>
    </div>
    <div class="saleMain" style="min-height:300px;clear:both;">
        <?php if(empty($output['zc_lists'])){
            echo "<center>暂无数据！！！</center>";
        }
        ?>

        <?php if(!empty($output['zc_lists'])){?>
            <ul><?php foreach($output['zc_lists'] as $auction){?>
                <li class="col-1">
                <div class="ant-card bg-white size-s ant-card-bordered">
                    <div class="ant-card-body">
                        <a href="index.php?act=index&op=index_current_rp_auction&zc_id=<?php echo $auction['id'];?>&zc_name=<?php echo $auction['name'];?>">
                            <div style="display: flex;">
                                <div class="m-0 text-overflow" style="flex:210px;color:#888;font-size:16px;">
                                    <?php echo $auction['name'];?>
                                </div>
                                <div class="text-right m-t-s"><span class="text-primary" style="color:red;">
                                        <?php echo $auction['auction_num'];?></span><span style='color:#888'>个拍品</span>
                                </div>
                            </div>
                            <div class="ant-row">
                                <?php foreach($auction['imgs'] as $key=>$val){?>
                                    <div class="ant-col-8" style="float:left;">
                                        <img src="<?php echo "/bearshop/data/upload/shop/auction/".$val['auction_img1'];?>" style="width:100%;" class='xy_img'/>
                                    </div>
                                <?php
                                }
                                ?>
                            </div>
                            <div class="clearfix" style="clear:both;">
                                <div class="pull-left" style="float:left;">
                                    <div class='zc_jp_time_str' sjsx='<?php echo $auction['end_time']-time();?>' style='color:#888;'>
                                        <?php
                                        $sjc=$auction['end_time']-time();
                                        $t=floor($sjc/3600/24);
                                        $t_s=$sjc-$t*24*3600;
                                        $s=floor($t_s/3600);
                                        $s_s=$sjc-($t*24*3600+$s*3600);
                                        $f=floor($s_s/60);
                                        $m=$sjc-($t*24*3600+$s*3600+$f*60);
                                        if($sjc<=0){echo "专场已结束！";}
                                        else{echo "距离结束还有：".$t."天".$s."时".$f."分".$m."秒";}
                                        ?>
                                    </div>
                                </div>
                                <div class="pull-right" style="float:right;">
                                    <span style='color:#888;'>围观</span>
                                    <span style='color:red;'>
                                        <?php echo $auction['wg_num'];?>
                                    </span>
                                    <span style='color:#888'>出价<?php echo $auction['cj_count'];?></span>
                                </div>
                            </div>
                        </a>
                    </div>
                </div>
                </li><?php }?>
            </ul>
        <?php }?>
        <script type='text/javascript'>
            var wo=self.setInterval('sj_auto()',1000);
            function sj_auto(){
                var sj_arr=document.getElementsByClassName('zc_jp_time_str');
                for(i=0;i<sj_arr.length;i++){
                    var sjc=sj_arr[i].getAttribute('sjsx');
                    if(sjc<=0){
                        sj_arr[i].innerHTML="专场已结束";
                        continue;
                    }
                    var t=Math.floor(sjc/3600/24);
                    var t_s=sjc-t*24*3600;
                    var s=Math.floor(t_s/3600);
                    var s_s=sjc-(t*24*3600+s*3600);
                    var f=Math.floor(s_s/60);
                    var m=sjc-(t*24*3600+s*3600+f*60);
                    var sjc_str="距离结束还有："+t+"天"+s+"时"+f+"分"+m+"秒";
                    sj_arr[i].innerHTML=sjc_str;
                    sj_arr[i].setAttribute('sjsx',sjc-1);}}
        </script>
        <script>
            var img_height=document.getElementsByClassName('ant-col-8').item(0).offsetWidth;
            var xy_ims=document.getElementsByClassName('xy_img');
            for(i=0;i<xy_ims.length;i++){
                xy_ims[i].style.height=img_height+"px";
            }
        </script>
    </div>
    <style>
        #fenye{float:right;height:auto;margin-top:15px;}
        #fenye li{float:left;margin-right:15px !important;font-size:12px;width:40px;height:40px;line-height:40px;text-align:center;}
    </style>
    <div style="width:100%;height:auto;clear:both;">
        <?php echo $output['show_page'];?></div>
    <script type="text/javascript" src="<?php echo RESOURCE_SITE_URL;?>/js/zepto.js" charset="utf-8"></script>
    <script type="text/javascript" src="<?php echo RESOURCE_SITE_URL;?>/js/touch.js" charset="utf-8"></script>
    <?php include template('home/nav');?>
    <div class="fixednumMain" style="display: none; bottom: 0px;"></div>
    <script type='text/javascript'>
        document.getElementsByClassName('supportBanner').item(0).style.display='none';
    </script>
</body>
</html>

